﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title> 二十四节气 </title>
    <link rel="stylesheet" type="text/css" href="/css/style.css" />

    <style type="text/css">
        *, body {
            margin: 0;
            font-family: '微软雅黑', serif;
        }

        .maintable {
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .jieqi{
            font-size:30px;margin-right: 20px
        }
        .rightmaintd{
            height: max-content;
        }
    </style>
    <script src="/js/jquery-1.10.2.min.js"></script>
    <script src="/js/generic.js"></script>
</head>

<body>

    <table class="maintable"style="width:100%">
        <tr>
            <td class="rightmaintd" valign="top"style="width:100%;height: 40rem" >
                <div style="height:40px;text-align:center;background-color:#009966">
                    <p style="font-weight:bold;padding-top:10px;font-size:larger;color:white">节气库</p>
                </div>
                <div class="searchdiv">

                    <div style="width:220px; margin:0px auto; font-size:40px; font-family: 楷体;font-weight: bolder"  >二十四节气</div>
                    <div class="rightsearchdiv"> </div>
                </div>
                <table class="leftrighttable" border="0"style="width:100%;text-align:center; margin-top: 20px">
                    <tr >
                        <td >
                            <div style="clear:both;  padding-left:20px; padding-top:10px; width:920px; height:38px;  border:0px solid red; ">
                                <span class="jieqi" style="float:left;padding-top:5px;color:green;">春季</span>
                                <ul class="jieqilist">
                                    <li>立春</li>
                                    <li>雨水</li>
                                    <li>惊蛰</li>
                                    <li>春分</li>
                                    <li>清明</li>
                                    <li>谷雨</li>
                                </ul>
                            </div>
                            <div style="clear:both;  padding-left:20px; padding-top:10px; width:920px; height:38px;  border:0px solid red; ">
                                <span class="jieqi" style="float:left;padding-top:5px;color:red;">夏季</span>
                                <ul class="jieqilist">
                                    <li>立夏</li>
                                    <li>小满</li>
                                    <li>芒种</li>
                                    <li>夏至</li>
                                    <li>小暑</li>
                                    <li>大暑</li>
                                </ul>
                            </div>
                            <div style="clear:both;  padding-left:20px; padding-top:10px; width:920px; height:38px;  border:0px solid red; ">
                                <span class="jieqi" style="float:left;padding-top:5px;color:orange;">秋季</span>
                                <ul class="jieqilist">
                                    <li>立秋</li>
                                    <li>处暑</li>
                                    <li>白露</li>
                                    <li>秋分</li>
                                    <li>寒露</li>
                                    <li>霜降</li>
                                </ul>
                            </div>
                            <div style="clear: both; padding-left: 20px; padding-top: 10px; width: 920px; height: 38px; border: 0px solid red; ">
                                <span class="jieqi" style="float:left;padding-top:5px;color: #c1bd0f;">冬季</span>
                                <ul class="jieqilist">
                                    <li>立冬</li>
                                    <li>小雪</li>
                                    <li>大雪</li>
                                    <li>冬至</li>
                                    <li>小寒</li>
                                    <li>大寒</li>
                                </ul>
                            </div>
                        </td>
                    </tr>

                </table>

                <div class="pagediv">
                </div>

            </td>
        </tr>
    </table>

</body>
</html>
